Ext.define('sheath.view.main.CasePage', {
    extend: 'Ext.panel.Panel',
    xtype: 'casepage',
    requires: [
        'Ext.layout.container.Border',
        'sheath.view.main.CaseGrid',
        'sheath.view.main.CaseLogGrid',
        'sheath.view.main.CaseSearchForm'
    ],
    layout: 'border',
    width: 1000,
    height:600,
    bodyBorder: false,
    
    defaults: {
        collapsible: false,
        split: false,
        bodyStyle:'background-color:#FFFFFF',
    },

    items: [
           {
            region: 'north',
            bodyStyle:'background-color:#FFFFFF',
            items:[{
                   xtype:'casesearchform',
                   bodyStyle:'background-color:#FFFFFF',                
            }]
        },  
           {
            collapsible: false,
            region: 'center', 
            items:[{
                   xtype:'casegrid',
                   height:400,
                   margin:'10 0 0 0',
            }]
        },   
        {          
            region: 'south',
            items:[{
                   xtype:'caseloggrid', 
                   height:150         
            }]
        }        
    ]

});